<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!--base文件，放置公用样式-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!--**.css文件，本页面专用样式-->
	</head>

	<body>
		<!--nav-->
		<!--navTop-->
		<nav class="navbar navbar-inverse" role="navigation">
			<div class="container">
				<!--for mobile display-->
				 <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-0">
				        <span class="sr-only">折叠菜单</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <a href="index.html" class="navbar-brand">P2P金融平台</a>
				</div>
				<div class="collapse navbar-collapse"  id="bs-example-navbar-collapse-0">
					<p class="navbar-text navbar-right">您好，欢迎来到P2P平台！ <span><a href="register.html">免费注册</a></span> <span><a href="login.html">立即登录</a></p>
				</div>
			</div>
		</nav>
		<!--navMain-->
		<nav class="navbar navbar-default navindex" role="navigation">
			<div class="container">
				<!--for mobile display-->
				 <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				        <span class="sr-only">折叠菜单</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <a href="index.html" class="navbar-brand"><img src="img/logo.png" alt="传智金融" width="312px" height="89px" title="" /></a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li  class="active">
							<a href="#">首页</a>
						</li>
						<li>
							<a href="moto.html" target="_blank">我要投资</a>
						</li>
						<li>
							<a href="school.html" target="_blank">新手指引</a>
						</li>
						<li>
							<a href="helper.html" target="_blank">帮助中心</a>
						</li>
						<li>
							<a href="space.html" target="_blank">账户中心</a>
						</li>
						<li>
							<a href="#">我要借款</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--main-->
		<section class="container-fluid">
			<div class="IndexContent">
				<!--banner-->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>			    
				  </ol>
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src="img/banner/01.png"  />   
				    </div>
				    <div class="item">
				      <img src="img/banner/02.png" />
				    </div>
				    <div class="container">	 
				  	<div class="warn col-xs-6 col-md-4 col-md-offset-12">
				  		<h4>欢迎来到P2P个人理财平台 </h4>
				  		<button class="btn btn-info">注册领红包</button>
				  	</div>			 
				</div>
				    
				  </div>
				  <!--control-->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right"></span>
				    <span class="sr-only">Next</span>
				  </a>
				
				</div>
				<!--intro-->
				<div class="container">
					<div class="row intro">
						<div class="col-xs-6 col-md-3 item">
							<h3>安全</h3>
							<p>国家AAA信用平台</p>
							<p>民生银行资金托管</p>
						</div>
						<div class="col-xs-6 col-md-3 item">
							<h3>权威</h3>
							<p>CCTV多次点赞</p>
							<p>互联网百强企业</p>
						</div>
						<div class="col-xs-6 col-md-3 item">
							<h3>省心</h3>
							<p>本金保障计划</p>
							<p>一站式财富管理平台</p>
						</div>
						<div class="col-xs-6 col-md-3 item">
							<h3>灵活</h3>
							<p>100元起投</p>
							<p>3个月可债权转让</p>
						</div>
					</div>
					<div class="buy">
						<button class="btn btn-info">理财购买</button>
					</div>
				</div>
			</div>
		
		</section>
		
		<footer class="navbar-inverse"></footer>
		
		<script type="text/javascript" src="js/jquery.1.9.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		
	</body>

</html>